import { SearchBar,List } from "antd-mobile"


const Search=()=>{
    const onSearch = (value) => {
        console.log(value);
      }
    return <div>
        <SearchBar
        onSearch={onSearch}
          placeholder='请输入内容'
          showCancelButton
          style={{
            '--border-radius': '100px',
            '--background': '#ffffff',
            '--height': '32px',
            '--padding-left': '12px',
          }}
        />
        <List>
            <List.Item>1</List.Item>
            <List.Item>2</List.Item>
        </List>
    </div>
}
export default Search